<template>
  <div class="test-container">
    <ImageLoader
  src="https://kkimgs.yisou.com/ims?f=webp&kt=url&at=smstruct&key=aHR0cHM6Ly93eDIuc2luYWltZy5jbi9sYXJnZS8wMDZhVWNoc2x5MWh4eGd3eGRvNzJqMzF4bzJ3aXg2cC5qcGc=&sign=yx:vQCXAQYg6WJpWr6xIXsxx__eaRo=&tv=400_400"
  placeholder="https://kkimgs.yisou.com/ims?f=webp&kt=url&at=smstruct&key=aHR0cHM6Ly93eDIuc2luYWltZy5jbi9sYXJnZS8wMDhGZHEwemx5MWh3eG43NjJjY2tqMzB1MDEzemRqZS5qcGc=&sign=yx:oqJBpPUqwukNRVjTPz3_uGk7__w=&tv=400_400"
  :duraction="600" @load="handleload"
/>
  </div>
</template>

<script>
import ImageLoader from "./index.vue"
export default {
  components: {
    ImageLoader
  },
  methods: {
    handleload(){
      console.log("图片加载完成")
    }
  }
}
</script>

<style>
.test-container {
  width: 500px;
  height: 500px;
  border: 2px solid;
}
</style>